
$(function() {
    var sera,headhe;
    lqtoken = localStorage.getItem("lqtoken")
    $("#openw").click(function(){
        window.location.href="../write.html"
    })
    if(lqtoken==null){
        $("#out").remove()
        $(".text-end").append(
            `
            <button type="button" id="out" class="btn btn-outline-light me-2"><a href="./login.html" id="dl">登录</a></button>
            `
        )
    }else{
        //username:admin6;password:123
        $("#out").remove()
        lqtoken = localStorage.getItem("lqtoken")
        $(".text-end").append(
            `
                                <div id="heaor" style="width: 80px; height: 80px; border-radius: 50%; background-image: url(../images/${lqtoken.split(";")[2].split(":")[1]});background-position: center;background-size: cover;">
                        <ul id="headul">
                            <a href="" id="my"><li>个人中心</li></a>
                            <a href="" id="outlogin"><li>退出登录</li></a>
                        </ul>
                    </div>
            `
        )

    }

    $("#dl").click(function(){
        localStorage.removeItem("lqtoken")
        $("#dl").text("登录")
    })

    sera = $(".form-control").width();
    headhe = $(".p-3").height();
    $(".form-control").focus(function() {
        $(this).width("220px");
        $(".inconser").css("background-color","rgb(187,184,184)")
    });
    $(".form-control").blur(function() {
        $(this).width(sera); // 使用之前存储的宽度
        $(".inconser").css("background-color","#eee")
    });

    $(".navbar-toggler").click(function() {
        var nav = $(".nav");
        if (nav.hasClass('d-flex')) { // 使用 Bootstrap 类来检查是否隐藏
            nav.removeClass('d-flex').addClass('d-none'); // 隐藏导航
        } else {
            nav.removeClass('d-none').addClass('d-flex');
        }
    });

    //不设置定时器，可能会在还没有执行完绑定，导致绑定失败
    setTimeout(function() {
        $("#outlogin").click(function(event) {
            event.preventDefault();
            localStorage.removeItem("lqtoken");
            window.location.href = "../login.html";
        });
        $("#my").click(function(event) {
            event.preventDefault();
            window.location.href = "../my.html";
        });
        
    }, 1000);
});
